@inherits PartialViewMacroPage
@using Umbraco.Cms.Web
@using Umbraco.Cms.Web.Macros
@using Umbraco.Framework
@using PBDesk.Utilities
@using System.Globalization
@using Umbraco.Framework.Dynamics
@using PBDesk.com.Extension
@{
	string previewDtStr = Model.MacroParameters.PreviewDate;
	
	
	
	
	//var artOfDay = DynamicModel.AncestorsOrSelf.Last().Descendants.FirstOrDefault("PreviewDate == @0", previewDateDt.ToString("MM/dd/yyyy"));
	var artOfDay = MyHelper.GetArticleOfTheDay(DynamicModel, previewDtStr);
   }
<div style="width:565px">
  <div id="portfolio">
	<br/>      
	<div class="site" style="padding-bottom: 20px;">
	  <div class="iconArticles64" id="art-title">
		<span class="artTitle">Article Of The Day</span>
		<span class="artSubTitle"><a href="#">@artOfDay.ArticleMetaTitle <br/><b>@artOfDay.ArticleTitle</b></a></span>
	  </div>
	  <div class="portfolio_image">
		<img src="@artOfDay.ArticleImageUrl" style="float:left; padding-right:10px; border:none" />
		<div>@Html.Raw(artOfDay.ArticleDescription)</div>
		<div>Source: @artOfDay.ProviderName</div>
		<div>Filed Under: @artOfDay.TagLabels </div>
		<br/>
		<div style="float:right; ">
		  <a href="#">Article Of The Day</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
		  <a href="#">Archives</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
		  <a href="#">Read the Article</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
		</div>
		<br/>
	  </div>      
	</div>
  </div>
</div>

@inherits PartialViewMacroPage
@using Umbraco.Cms.Web
@using Umbraco.Cms.Web.Macros
@using Umbraco.Framework
<script type="text/javascript">
//<![CDATA[
	$(document).ready(function () {

		$("#jquery_jplayer_1").jPlayer({
			ready: function () {
				$(this).jPlayer("setMedia", {
					m4v: "@Model.MacroParameters.MP4File",
					poster: "@Model.MacroParameters.PosterFile"
				});
			},
			swfPath: "http://cdn.pbdesk.com/plugins/jplayer/js/Jplayer.swf",
			supplied: "m4v",
			size: {
				width: "480px",
				height: "270px",
				cssClass: "jp-video-270p"
			}
		});

	});
//]]>
</script>
<div id="jp_container_1" class="jp-video jp-video-270p">
			<div class="jp-type-single">
				<div id="jquery_jplayer_1" class="jp-jplayer"></div>
				<div class="jp-gui">
					<div class="jp-video-play">
						<a href="javascript:;" class="jp-video-play-icon" tabindex="1">play</a>
					</div>
					<div class="jp-interface">
						<div class="jp-progress">
							<div class="jp-seek-bar">
								<div class="jp-play-bar"></div>
							</div>
						</div>
						<div class="jp-current-time"></div>
						<div class="jp-duration"></div>
						<div class="jp-title">
							<ul>
								<li>@Model.MacroParameters.TrackTitle</li>
							</ul>
						</div>
						<div class="jp-controls-holder">
							<ul class="jp-controls">
								<li><a href="javascript:;" class="jp-play" tabindex="1">play</a></li>
								<li><a href="javascript:;" class="jp-pause" tabindex="1">pause</a></li>
								<li><a href="javascript:;" class="jp-stop" tabindex="1">stop</a></li>
								<li><a href="javascript:;" class="jp-mute" tabindex="1" title="mute">mute</a></li>
								<li><a href="javascript:;" class="jp-unmute" tabindex="1" title="unmute">unmute</a></li>
								<li><a href="javascript:;" class="jp-volume-max" tabindex="1" title="max volume">max volume</a></li>
							</ul>
							<div class="jp-volume-bar">
								<div class="jp-volume-bar-value"></div>
							</div>

							<ul class="jp-toggles">
								<li><a href="javascript:;" class="jp-full-screen" tabindex="1" title="full screen">full screen</a></li>
								<li><a href="javascript:;" class="jp-restore-screen" tabindex="1" title="restore screen">restore screen</a></li>
								<li><a href="javascript:;" class="jp-repeat" tabindex="1" title="repeat">repeat</a></li>
								<li><a href="javascript:;" class="jp-repeat-off" tabindex="1" title="repeat off">repeat off</a></li>
							</ul>
						</div>
					</div>
				</div>
				<div class="jp-no-solution">
					<span>Update Required</span>
					To play the media you will need to either update your browser to a recent version or update your <a href="http://get.adobe.com/flashplayer/" target="_blank">Flash plugin</a>.
				</div>
			</div>
		</div>


